// 引入 createApp 方法，用于创建 Vue 应用实例
import { createApp } from 'vue'
// 引入全局样式文件
import './style.css'
// 引入根组件 App.vue
import App from './App.vue'
// 引入路由配置实例
import router from './router'
// 引入 Pinia 状态管理库的创建方法
import { createPinia } from 'pinia'
import { createI18n } from 'vue-i18n'
import zh from './locales/zh.json'
import en from './locales/en.json'
import 'animate.css'

const i18n = createI18n({
  legacy: false,
  locale: 'zh',
  fallbackLocale: 'en',
  messages: {
    zh,
    en
  }
})

// 创建 Vue 应用实例，传入根组件
const app = createApp(App)
// 安装路由插件，使整个应用支持路由跳转
app.use(router)
// 安装 Pinia 插件，启用全局状态管理
app.use(createPinia())
app.use(i18n)
// 挂载应用到页面上的 #app 容器
app.mount('#app')
